.out{
  width: 200px;
  margin: auto;
}
a {
    color: white;
    text-decoration: none;
    width: 220px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    background-color: #535758;
    display: block;
    text-indent: 2em;

}

 a:hover {
    /* width: 230px;
    height: 55px;
    background-color: #ff7000;
    box-shadow: 10px 10px 5px purple; */
    animation-name: bigger;
    animation-duration:20s ;
} 
@keyframes bigger{
  0%{

  }
  3%{
    width: 230px;
    height: 55px;
    background-color: #ff7000;
    box-shadow: 10px 10px 5px purple;
  }
  100%{
   
  }
}